$(function() {
	var interView = $("#interView");
	interView.datagrid({
		url : 'interview/inter',
		fit : true,
		rownumbers : true,
		singleSelect:true,
		pagination : true, // 是否显示分页栏
		fitColumns : true,
		columns : [ [
				{
					field : 'student.name',
					title : '姓名',
					align : 'center',
					width : 80,
					formatter : function(value, rec) {
						return rec.student['name'];
					}
				},
				{
					field : 'student.gender',
					title : '性别',
					align : 'center',
					width : 80,
					formatter : function(value, rec) {
						if(rec.student['gender']=='男'){
							return '<img src="public/images/male.png" title="我是帅锅">'
						}else{
							return '<img src="public/images/female.png" title="我是妹子">'
						}
					}
				},
				{
					field : 'company',
					title : '面试公司',
					align : 'left',
					width : 120
				},
				{
					field : 'job',
					title : '面试职位',
					align : 'center',
					width : 100
				},
				{
					field : 'plan',
					title : '预案',
					align : 'center',
					width : 100,
					formatter : function(value, row, index) {
						var bts = [];
						if(value!=null){
						bts.push('<a data-id="' + row.id + '" data-index="'
								+ index + '" class="ctr plan">'+value+'</a>');
						}
						return bts.join('');
					}
				},
				{
					field : 'interData.type',
					title : '资料类型',
					align : 'center',
					width : 70,
					formatter : function(value, rec) {
						if(rec.interData==null){
							return '';
						}
						return rec.interData['type'];
					}
				},
				{
					field : 'result',
					title : '面试结果',
					align : 'center',
					width : 60,
					formatter : function(value, row, index) {
						if (value == 1) {
							return "成功";
						}else if(value == 0){
							return "失败";
						}
						return "未开始";
					}
				},
				{
					field : 'interData.ivdtime',
					title : '上传时间',
					align : 'center',
					width : 150,
					formatter : function(value, rec, row, index) {
						if(rec.interData==null){
							return '';
						}else{
							var unixTimestamp = new Date(rec.interData['ivdtime']);
							return unixTimestamp.toLocaleString();
						}
					}
				},
				{
					field : 'ac',
					title : '操作',
					width : 300,
					align : 'center',
					formatter : function(value, row, index) {
						var bts = [];
						if(interView.datagrid('getData').rows[index].interData!=null && interView.datagrid('getData').rows[index].interData.type=='音频'){
							bts.push('<a data-id="' + row.id + '" data-index="'
									+ index + '" class="ctr play">在线播放</a>');
							bts.push('<a href="interview/download/'+ interView.datagrid('getData').rows[index].interData.id +'" data-id="' + row.id + '" data-index="'
									+ index + '" class="ctr download" target="_Blank">资料下载</a>');
						}
						if(interView.datagrid('getData').rows[index].interData!=null && interView.datagrid('getData').rows[index].interData.type=='图片'){
							bts.push('<a id="' + row.id + '" data-id="' + row.id
									+ '" data-index="' + index
									+ '" class="ctr" target="_Blank" href="interview/save/'+interView.datagrid('getData').rows[index].interData.content+'">预览</a>');
						}
						bts.push('<a data-id="' + row.id + '" data-index="'
								+ index + '" class="ctr teamess">教员留言</a>');
						bts.push('<a data-index="' + index
								+ '" class="ctr edit">编辑</a>');
						bts.push('<a data-id="' + row.id + '" data-index="'
								+ index + '" class="ctr delete">删除</a>');
						return bts.join('');
					}
				} ] ],
		toolbar : [ {
			iconCls : 'icon-add',
			text : '添加面试资料',
			handler : function() {
				material();
			}
		} ]
	});

	var name = $("#dataname");
	var type = $("#type");
	var result = $("#result");

	$("#dataSearch").on('click', function() {
		interView.datagrid("load", {
			name : "%" + name.val() + "%",
			type : type.val(),
			result : result.val()
		});
	});

	var form = $("#dataSearchForm");
	$("#dataReset").on('click', function() {
		form.form('clear');
		// 清除查询参数
		interView.datagrid("load", {});
	});

	var playPanel = interView.datagrid("getPanel");
	playPanel.on("click", "a.play", function() {
		var index = this.dataset.index;
		// 如果只有下标，没有id的情况，要获取id
		var rows = interView.datagrid("getRows");
		// 同下标获取对应行的数据对象
		var id = rows[index].id;
		var arr=interView.datagrid('getData');
		var path = arr.rows[index].interData.id;
		playbase(path);
	}).on("click", "a.delete", function() {
		var index = this.dataset.index;
		var id = this.dataset.id;

		$.messager.confirm("提示", "您确定要删除此数据吗？", function(r) {
			if (r) {
				$.get("interview/delete/" + id, function(rs) {
					if (rs.success) {
						interView.datagrid("reload");
					}
				});
			}
		});
	}).on("click", "a.edit", function() {
		var index = this.dataset.index;
		// 如果只有下标，没有id的情况，要获取id
		var rows = interView.datagrid("getRows");
		// 同下标获取对应行的数据对象
		var id = rows[index].id;
		material(id);
	}).on("click", "a.plan", function() {
		var index = this.dataset.index;
		var rows = interView.datagrid("getRows");
		console.log(index);
		var id = rows[index].id;
		plans(id);
	}).on("click", "a.teamess", function() {
		var index = this.dataset.index;
		var rows = interView.datagrid("getRows");
		console.log(index);
		var id = rows[index].id;
		leavmess(id);
	});

	function material(id) {
		// 创建窗口
		var dialog = $("<div/>").dialog({
			href : 'interview/addinter' + (id ? ("/" + id) : ""),
			title : "添加资料",
			height : 330,
			width : 650,
			modal : true,
			onClose : function() {
				// 窗口关闭的同时销毁此窗口
				$(this).dialog("destroy");
			},
			buttons : [ {
				iconCls : 'icon-save',
				text : '确定',
				handler : function() {
					$("#material").form('submit', {
						url : 'interview/save',
						data : $("#material").serialize(),
						success : function(success) {
							var rs = JSON.parse(success);
							if (rs.success) {
								// 刷新数据表格
								interView.datagrid("reload");
								// 关闭窗口
								dialog.dialog("close");
							} else {
								$.messager.alert("提示", rs.message);
							}
						}
					});
				}
			} ]
		});
	}

	function leavmess(id) {
		// 创建窗口
		var dialog = $("<div/>").dialog({
			href : 'interview/leavmess/' + id,
			title : "教员留言",
			height : 400,
			width : 500,
			modal : true,
			onClose : function() {
				// 窗口关闭的同时销毁此窗口
				$(this).dialog("destroy");
			},
			buttons : [ {
				iconCls : 'icon-save',
				text : '确定',
				handler : function() {
					var leavMess = $("#leavmess");
					// 校验表单
					if (leavMess.form('validate')) {
						// serialize方法可以获取到表单所有数据
						$.post("interview/getmess/"+id, leavMess.serialize(), function(rs) {
							if (rs.success) {
								//刷新数据表格
								interView.datagrid("reload");
								//关闭窗口
								dialog.dialog("close");
								$.messager.alert("提示", "留言成功！");
							} else {
								$.messager.alert("提示", rs.message);
							}
						});
					}
				}
			} ]
		});
	}
	
	
	function playbase(path) {
		// 创建窗口
		var dialog = $("<div/>").dialog({
			href : 'interview/player/' + path,
			title : "播放器",
			height : 150,
			width : 400,
			modal : true,
			onClose : function() {
				// 窗口关闭的同时销毁此窗口
				$(this).dialog("destroy");
			},
			buttons : [ {
				iconCls : 'icon-cancel',
				text : '关闭',
				handler : function() {
					dialog.dialog("close");
				}
			} ]
		});
	}
	
	function plans(id) {
		// 创建窗口
		var dialog = $("<div/>").dialog({
			href : 'interview/plans/' + id,
			title : "预案",
			height : 500,
			width : 500,
			modal : true,
			onClose : function() {
				// 窗口关闭的同时销毁此窗口
				$(this).dialog("destroy");
			},
			buttons : [ {
				iconCls : 'icon-cancel',
				text : '关闭',
				handler : function() {
					dialog.dialog("close");
				}
			} ]
		});
	}
});